<?php
echo $this->Html->script('productos', false);

if (isset($_GET['v'])) {
    $filter = "[rel='".$_GET['v']."']";
}
else {
    $filter = ":first";
}
?>

<script>
    $(document).ready(function() {
        var divs_productos = $(".productos .sidemenu_par, .productos .sidemenu_impar");
        if (!empty(divs_productos)) {
            divs_productos.filter("<?=$filter?>").click();
        }
    });
</script>    

<div class="bloque productos">
    <div class="content">
        <div class="tabla top">
            <img src="<?= WWW ?>img/gse/categorias.jpg" />
        </div>
        <div class="titulo">Productos</div>
        <div class="sidemenu">
            <?php
            $i = 0;
            foreach ($categorias as $cat) {
                $id = $cat['Categoria']['id'];
                $nombre = $cat['Categoria']['nombre'];
                $last_color = ($i % 2 ? 'par' : 'impar');
                echo '<div class="sidemenu_' . $last_color . '" rel="' . $id . '">';
                echo $nombre;
                echo '</div>';
                $i++;
            }
            $fill_height = 321 - 25 * $i;
            ?>
			<div class="sidemenu_fill_<?= $last_color ?>" id="fill"></div>
        </div>
        <div class="tabla productos" id="productos"></div>
    </div>
</div>

